@charset "UTF-8";
/* CSS Document */

body {
	background: #FFF url(../images/common/bg.jpg) repeat-x;
	font-family: 'LucidaSansUnicodeRegular';
	font-size: 14px;
	margin: 0;
	padding: 0;
}
/* @font-face */
@font-face {
    font-family: 'LuedickitalDRegRegular';
    src: url('../fonts/webfontkit-20110420-091656/l044003d-webfont.eot');
    src: url('../fonts/webfontkit-20110420-091656/l044003d-webfont.eot?#iefix') format('eot'),
         url('../fonts/webfontkit-20110420-091656/l044003d-webfont.woff') format('woff'),
         url('../fonts/webfontkit-20110420-091656/l044003d-webfont.ttf') format('truetype'),
         url('../fonts/webfontkit-20110420-091656/l044003d-webfont.svg#webfontW1Gcs5M0') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'LucidaSansUnicodeRegular';
    src: url('../fonts/webfontkit-20110420-101125/l_10646-webfont.eot');
    src: url('../fonts/webfontkit-20110420-101125/l_10646-webfont.eot?#iefix') format('eot'),
         url('../fonts/webfontkit-20110420-101125/l_10646-webfont.woff') format('woff'),
         url('../fonts/webfontkit-20110420-101125/l_10646-webfont.ttf') format('truetype'),
         url('../fonts/webfontkit-20110420-101125/l_10646-webfont.svg#webfont5x64GmpO') format('svg');
    font-weight: normal;
    font-style: normal;

}
/* common styles */
#wrapper {
	width: 820px;
	margin: 0 auto;
}
#page {
	width: 820px;
	float: left;
	margin: 0;
	background: #FFF;	
}
#header {
	float: left;
	width: 820px;
}
#header h1 a {
	position: absolute;
	margin: 40px 0 0 20px;
	display: block;
	width: 204px;
	height: 120px;
	background: url(../images/common/logo.png) no-repeat;
	text-indent: -5000px;
}
#header p#call-us {
	position: absolute;
	text-align: right;
	margin: 0 20px 10px 600px;
	font-size: 18px;
	color: #FFF;
}
#header p#call-us span {
	font-size: 24px;
	color: #66d5ff;
}
#header #pop-in {
	float: right;
	font-family: 'LuedickitalDRegRegular';
	font-size: 18px;
	color: #FFF;
	margin: 150px 0 0 0;
	width: 440px;
	height: 54px;
	background: url(../images/header/arrow.png) 140px 0px no-repeat;
}
#header #pop-in p {
	margin: 0;
}
#header #pop-in a#studio {
	background: url(../images/header/our_studio.png) no-repeat;
	display: block;
	margin: -104px 0 0 200px;
	width: 131px;
	height: 150px;
	text-indent: -5000px;
}
#header #pop-in a#team {
	background: url(../images/header/meet_team.png) no-repeat;
	display: block;
	margin: -149px 0 0 300px;
	width: 131px;
	height: 150px;
	text-indent: -5000px;
}
#header #pop-in a#studio:hover,
#header #pop-in a#team:hover {
	background-position: 0 -151px;
}
div#navigation {
	float: left;
	margin: 14px 0 0 0;
	width: 820px;
}
div#navigation ul {
	margin: 0;
	width: 780px;
	height: 50px;
	background: url(../images/common/nav/nav_bg.png) no-repeat;
	list-style: none;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
div#navigation ul li {
	display: inline-block;
}
div#navigation ul li a {
	display: inline-block;
	text-decoration: none;
	overflow: hidden;
	font-size: 17px;
	color: #999;
	width: 176px;
	height: 40px;
	padding: 10px 0 0 0;
	text-align: center;
	
}
div#navigation ul li a.home {
	background: url(../images/common/nav/nav_button.png) 0 0 no-repeat;
}
div#navigation ul li a.design {
	background: url(../images/common/nav/design_nav_button.png) 0 0 no-repeat;
}
div#navigation ul li a.products {
	background: url(../images/common/nav/products_nav_button.png) 0 0 no-repeat;
}
div#navigation ul li a.contact {
	background: url(../images/common/nav/contact_nav_button.png) 0 0 no-repeat;
}
div#navigation ul li a:hover,
div#navigation ul li a:active,
div#navigation ul li a:focus,
body#home div#navigation ul li a.home, 
body#design div#navigation ul li a.design, 
body#products div#navigation ul li a.products, 
body#contact div#navigation ul li a.contact {
	background-position: 0 -50px;
	color: #FFF;
}
div#pageheader {
	width: 820px;
	height: 100px;
	background: #FFF url(../images/header/header_bg.gif) repeat-x;
}
div#breadcrumb {
	width: 380px;
	height: 40px;
	margin: 10px 0 0 40px;
	float: left;
	background: url(../images/common/breadcrumb.png) 0px 0px no-repeat;
}
div#breadcrumb p {
	margin: 10px 0 0 50px;
	color: #a8acaf;
	line-height: 20px;
}
div#breadcrumb p a#homeLink {
	display: inline-block;
	width: 16px;
	height: 13px;
	background: url(../images/common/home_link.png) 0 0 no-repeat;
	text-indent: -5000px;
}
div#breadcrumb p span {
	color: #52595e;
}
div#offer a {
	display: block;
	margin: 0 0 0 530px;
	padding: 50px 0 0 15px;
	width: 250px;
	height: 112px;
	color: #1f2b74;
	background: url(../images/home/offer_of_the_month.gif) 100px 8px no-repeat;
	text-decoration: none;
	font-family: 'LuedickitalDRegRegular';
}
/* end common styles */

/* start home styles */
div#offer a:hover {
	background-position: 100px -104px;
}
.clearboth {
	float: left;
	clear: both;
}
div#save {
	width: 820px;
	height: 269px;
	float: left;
	background: url(../images/home/save_bg.gif) 0 0 no-repeat;
	color: #FFF;
}
div#save h2 {
	margin: 40px 0 10px 170px;
}
div#save p {
	padding: 0 20px 20px 170px;
}
div#accordion-wrapper {
	width: 549px;
	margin: 45px 0 0 195px;
	position: absolute;
	z-index: 10000;
	}
#button-wrapper {
	width: 549px;
	height: 89px;
	float: left;
	background: transparent url(../images/home/blind_bottom.png) 0 -3px no-repeat;
}
@-moz-document url-prefix() {
    #button-wrapper, x:-moz-any-link, x:default {
        margin-top: -14px;
}
}

.accordionButton {	
	float: left;
	display: block;
	width: 50px;
	height: 70px;
	margin: 18px 0 0 246px;
	cursor: pointer;
	text-indent: -5000px;
	}
.accordionButtonSelected {	
	float: left;
	display: block;
	width: 50px;
	height: 70px;
	margin: 18px 0 0 246px;
	cursor: pointer;
	text-indent: -5000px;
	}
 
.accordionContent {	
	width: 506px;
	float: left;
	margin-left: 15px;
	color: #555555;
	padding: 14px 0 0 14px;
	background: #e8e9eb;
	-webkit-box-shadow: 3px 3px 5px #707070;
	-moz-box-shadow: 3px 3px 5px #707070;
	box-shadow: 3px 3px 5px #707070;
	display: none;
	}

div.accordionContent p {
	width: 450px;
	margin-left: -150px;
	padding: 0;

}
div.accordionContent p#notes {
	 font-size: 10px;
}
div.accordionContent a#close_up {
	display: block;
	height: 22px;
	background: url(../images/home/close_up.png) no-repeat;
	padding-left: 25px;
}
	
div#delivery {
	width: 820px;
	height: 239px;
	margin: 0;
	float: left;
	background: url(../images/home/delivery_bg.gif) 0 0 no-repeat;
	color: #555555;
}
div#delivery h2 {
	margin: 60px 0 10px 170px;
}
div#delivery p {
	padding: 0 240px 10px 170px;
}
div#delivery p strong {
	color: #da2618;
}
p#more a {
	display: block;
	width: 60px;
	height: 23px;
	background: url(../images/common/more_info_arrow.png) 0 0 no-repeat;
	padding: 4px 0 0 23px; 
	color: #545455;
	font-size: 12px;
}
p#more a:hover,
p#more a:active,
p#more a:focus {
	color: #999;
}
div#buying-guide {
	margin: 0;
	width: 820px;
	height: 345px;
	float: left;
	background: url(../images/home/buyers_guide_bg.jpg) 0 0 no-repeat;
	color: #555555;
}	
div#buying-guide h2 {
	text-indent: -5000px;
}
div#buying-guide p#guide {
	width: 160px;
	float: right;
	margin: 22px 10px 0 0;
	line-height: 18px;
	font-size: 12px;
}
div#buying-guide p#guide a {
	color: #d5af5f;
	text-decoration: none;
}
div#buying-guide p#offer a {
	display: block;
	background: url(../images/home/offer_tag.jpg) no-repeat;
	float: left;
	margin: -60px 0 0 0;
	padding: 295px 10px 0 60px;
	font-family: 'LuedickitalDRegRegular';
	font-size: 20px;
	text-decoration: none;
	color: #394cbc;
}
div#buying-guide p#offer a:hover {
	background-position: 0 -321px;
}
div#buying-guide p#download a {
	display: block;
	background: url(../images/home/buying_guide_bg.jpg) no-repeat;
	margin: -42px 0 0 185px;
	padding: 295px 10px 0 265px;
	font-family: 'LuedickitalDRegRegular';
	font-size: 20px;
	text-decoration: none;
	color: #394cbc;
}
div#buying-guide p#download a:hover {
	background-position: 0 -321px;
}
div#design {
	width: 820px;
	height: 205px;
	background: url(../images/home/design_bg.jpg) no-repeat;
	margin: 0;
	float: left;
}
div#design h2 {
	margin: 30px 0 10px 170px;
	color: #555555;
}
div#design p {
	padding: 0 240px 0 170px;
	color: #555555;
}
div#design p a {
	color: #e85095;
	text-decoration: none;
}
div#design p a:hover {
	color: #999;
}
/* end home styles */

/* start footer styles */
div#footer {
	width: 100%;
	height: 200px;
	background: #b9bfc3 url(../images/common/footer_bg.gif) 0 0 repeat-x;
	float: left;
	clear: left;
	margin: 0;
}
div#footer-container {
	width: 820px;
	margin: 0 auto;
	padding: 0;
}
div#footer-container p#top a {
	display: block;
	width: 100px;
	height: 36px;
	font-size: 20px;
	padding: 10px 0 0 25px;
	color: #979797;
	font-family: 'LuedickitalDRegRegular';
	text-decoration: none;
	background: url(../images/common/back_to_top.gif) 0 0 no-repeat;
}
div#footer-container p#top a:hover {
	color: #CCC;
}
div#footer-container ul {
	float: left;
	margin: 60px 0 0 -30px;
	list-style: none;
}
div#footer-container ul li {
	display: inline-block;
	
	height: 25px;
}
div#footer-container ul li a {
	margin: 0;
	padding: 0 20px 0 20px;
	color: #52595e;
	font-size: 18px;
	text-decoration: none;
	text-shadow: 1px 1px 1px #FFF;
}
div#footer-container ul li a:hover {
	color: #999;
}

div#footer-container ul li:first-child a {
	padding: 0 20px 0 0;
}
div#footer-container ul li:last-child {
	border: none;
}
	
div#footer-container ul li {
	border-right: #52595e 1px solid;
}
div#footer-container p#copyright {
	float: right;
	font-size: 12px;
	color: #52595e;
	margin: 65px 0 0 0;
}
/* end footer styles */

/* Carousel Styles */
/*START Carousel Styles */
div#carousel {
	margin: 0 0 30px 0;
}
.jcarousel-skin-tango.jcarousel-container {
	background: #f4f4f4 url(../images/common/carousel/carousel_bg.gif) no-repeat;
    border: none;
}
.jcarousel-skin-tango#mycarousel ul li h2 {
	font-size: 24px;
	color: #ec1c24;
	position: absolute;
	margin: 20px 0 0 60px;
	z-index: 2;
}
.jcarousel-skin-tango#mycarousel ul li p {
	font-size: 14px;
	position: absolute;
	z-index: 2;
	margin: 55px 0 20px 60px;
	width: 330px;
	color: #9d9d9d;
}
.jcarousel-skin-tango#mycarousel ul li p#more {
	position: absolute;
	top: 140px;
}
.jcarousel-skin-tango#mycarousel ul li div#poster {
	position: absolute;
	z-index: 10000;
	width: 255px;
	height: 325px;
	text-indent: -5000px;
	left: 470px;
	top: 0;
	background: url(../images/common/carousel/business_cards.png) 0 0 no-repeat;
}
.jcarousel-skin-tango#mycarousel ul li img#bg {
	width: 820px;
	height: 242px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}

.jcarousel-skin-tango.jcarousel-container-horizontal {
    width: 820px;
	height: 325px;
    padding: 0;
}


.jcarousel-skin-tango .jcarousel-clip-horizontal {
    width:  820px;
    height: 375px;
}


.jcarousel-skin-tango .jcarousel-item {
    width: 820px;
    height: 375px;
}

.jcarousel-skin-tango .jcarousel-item-horizontal {
    margin-right: 10px;
}

.jcarousel-skin-tango .jcarousel-item-vertical {
    margin-bottom: 10px;
}

.jcarousel-skin-tango .jcarousel-item-placeholder {
    background: #fff;
    color: #000;
}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 43px;
    right: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 43px;
    left: 5px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-horizontal.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover {
    background-position: -32px 0;
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:active {
    background-position: -64px 0;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    background-position: -96px 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical {
    position: absolute;
    bottom: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(next-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-next-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-next-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-next-disabled-vertical,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical {
    position: absolute;
    top: 5px;
    left: 43px;
    width: 32px;
    height: 32px;
    cursor: pointer;
    background: transparent url(prev-vertical.png) no-repeat 0 0;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:hover {
    background-position: 0 -32px;
}

.jcarousel-skin-tango .jcarousel-prev-vertical:active {
    background-position: 0 -64px;
}

.jcarousel-skin-tango .jcarousel-prev-disabled-vertical,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    background-position: 0 -96px;
}

.jcarousel-container {
    position: relative;
}

.jcarousel-clip {
    z-index: 2;
    padding: 0;
    margin: 0;
    overflow: hidden;
    position: relative;
}

.jcarousel-list {
    z-index: 1;
    overflow: hidden;
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

.jcarousel-item {
    float: left;
    list-style: none;
    /* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 820px;
    height: 242px;
	margin: 0;
}
.jcarousel-control {
	position: absolute;
	z-index: 3;
	width: 340px;
	height: 27px;
	padding: 12px 0 0 80px;
	border-bottom: #FFF 1px solid;
	background: #454545;
	top: 242px;
	
}

.jcarousel-control a {
	display: inline-block;
    background: url(../images/common/carousel/selector_button.png) 0 0 no-repeat;
	width: 13px;
	height: 13px;
	padding: 0;
	margin: 0;
	color: #FFF;
	text-indent: -5000px;
}

.jcarousel-control a:hover,
.jcarousel-control a:focus,
.jcarousel-control a:active {
 	background-position: 0 -13px;
}
div.jcarousel-skin-tango#mycarousel div.jcarousel-scroll form a#mycarousel-prev {
	position: absolute;
	display: block;
	z-index: 10;
	text-indent: -5000px;
	top: 97px;
	left: -38px;
	width: 83px;
	height: 152px;
	background: url(../images/common/carousel/previous_button.png) 0 0 no-repeat;
}
div.jcarousel-skin-tango#mycarousel div.jcarousel-scroll form a#mycarousel-prev:hover {
	background-position: 0 -152px;
}

div.jcarousel-skin-tango#mycarousel div.jcarousel-scroll form a#mycarousel-next:hover {
	background-position: 0 -126px;
}
div.jcarousel-skin-tango#mycarousel div.jcarousel-scroll form a#mycarousel-next {
	position: absolute;
	display: block;
	z-index: 10;
	text-indent: -5000px;
	top: 47px;
	right: -38px;
	width: 79px;
	height: 126px;
	background: url(../images/common/carousel/next_button.png) 0 0 no-repeat;
}


/* END Carousel Styles */

/* START Design Styles */
div#invest-design {
	display: block;
	float: left;
	width: 820px;
	height: 606px;
	background: url(../images/design/invest_design_bg.jpg) no-repeat;
}
div#invest-design div#answer {
	width: 360px;
	float: left;
	margin: 30px 0 0 170px;
	color: #555555;
	font-size: 14px;
	line-height: 19px;
}
div#invest-design h2 {
	float: left;
	margin: 26px 0 0 170px;
	color: #555555;
}
div#invest-design div#question p {
	float: left;
	clear: left;
	margin: 5px 0 0 170px;
	font-size: 14px;
	color: #227ccf;
}
div#invest-design div#alert {
	display: block;
	width: 180px;
	height: 155px;
	background: url(../images/design/design_alert.png) 0 0 no-repeat;
	text-indent: -5000px;
	float: right;
	color: #de001a;
	margin: 5px 55px 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 19px;
	font-weight: bold;
	line-height: 21px;
}
div#invest-design div#competitive {
	display: block;
	width: 180px;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	color: #c70d63;
	margin: 35px 70px 0 0;
	font-size: 12px;
	font-weight: bold;
	line-height: 15px;
}
div#invest-design div#integral {
	display: block;
	float: right;
	width: 220px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #227ccf;
	font-weight: bold;
	line-height: 15px;
	margin: 5px 45px 0 0;
	
}
div#invest-design p#quote {
	float: left;
	display: block;
	width: 280px;
	margin: 160px 0 100px 170px;
	font-family: 'LuedickitalDRegRegular';
	font-size: 20px;
	color: #263488;
}
div#invest-design p#quote a {
	float: left;
	display: block;
	margin: -130px 0 0 20px;
	background: url(../images/design/get_a_quote_button.gif) 0 0 no-repeat;
	width: 130px;
	height: 39px;
	text-indent: -5000px;
}
div#invest-design p#quote a:hover {
	background-position: 0 -39px;
}
div#design-cost {
	float: left;
	display: block;
	width: 820px;
	height: 570px;
	margin: 30px 0 0 0;
	background: url(../images/design/design_cost_bg.jpg) 0 0 no-repeat;
}
div#design-cost h2 {
	float: left;
	margin: 40px 0 0 170px;
	color: #555555;
}
div#design-cost div#question p {
	float: left;
	clear: left;
	margin: 5px 0 0 170px;
	font-size: 14px;
	color: #227ccf;
}
div#design-cost div#answer {
	width: 360px;
	float: left;
	margin: 30px 0 0 170px;
	color: #555555;
	font-size: 14px;
	line-height: 19px;
}
div#design-cost p#who {
	display: block;
	float: left;
	clear: left;
	margin: -310px 0 0 20px;
	width: 120px;
	height: 100px;
	font-size: 18px;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-transform: rotate(-2deg); 
	-moz-transform: rotate(-2deg);
}
div#design-cost  div#professional {
	display: block;
	float: right;
	width: 190px;
	margin: -370px 20px 0 0;
	font-size: 20px;
	font-weight: bold;
	color: #565656;
}
div#design-cost div#professional p#credit {
	font-size: 11px;
	margin: 80px 0 0 0;
	color: #555555;
}
div#what-could-we-do {
	display: block;
	float: left;
	width: 820px;
	height: 301px;
	background: url(../images/design/what_could_we_do_answer_bg.jpg) no-repeat;
}
div#what-could-we-do div#question h2 {
	float: left;
	margin: 26px 0 0 170px;
	color: #555555;
}
div#what-could-we-do div#question p {
	float: left;
	clear: left;
	margin: 5px 0 0 170px;
	font-size: 14px;
	color: #227ccf;
}
div#what-could-we-do div#answer {
	width: 360px;
	float: left;
	margin: 30px 0 0 170px;
	color: #555555;
	font-size: 14px;
	line-height: 19px;
}
div#what-next {
	float: left;
	display: block;
	width: 820px;
	height: 286px;
	margin: 0;
	background: url(../images/design/what_next_bg.jpg) 0 0 no-repeat;
	color: #FFF;
}
div#what-next h2 {
	margin: 70px 0 0 120px;
}
div#what-next p {
	margin: 10px 0 0 120px;
}
div#alniro {
	width: 820px;
	height: 675px;
	float: left;
	margin: 0 0 0 -8px;
	background: url(../images/design/alnrio_bg.jpg) 0 0 no-repeat;
}
div#alniro h2 {
	text-indent: -5000px;
}
div#alniro p#about {
	margin: -140px 0 370px 180px;
	width: 350px;
	font-size: 20px;
	font-family: 'LuedickitalDRegRegular';
	color: #3a4dc1;
}
div#alniro p {
	margin: 0 0 20px 180px;
	color: #FFF;
	width: 350px;
}
div#alniro p#more {
	display: none;
}
/*END Design Styles */

/*START Contact Styles */

div#contact-carousel {
	float: left;
}

div#contact-form {
	float: left;
	clear: left;
	width: 370px;
	margin: 0 0 0 20px;
}
div#contact-form h2 {
	height: 50px;
	font-family: 'LuedickitalDRegRegular';
	color: #1f2b75;
	background: url(../images/contact/get_in_touch_arrow.gif) 130px 10px no-repeat;
}
div#contact-info {
	float: right;
	width: 370px;
	margin: 23px 30px 0 0;
}
div#contact-details {
	float: left;
	width: 350px;
	border: #c5c7c1 1px solid;
	padding: 10px 0 10px 20px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
div#contact-details dt {
	float: left;
	clear: both;
	width: 75px;
	font-weight: bold;
	color: #555555;
}
div#contact-details dd {
	width: 260px;
	margin-left: 100px;
	color: #454545;
}
div#contact-details a {
	color: #454545;
	text-decoration: none;
}
div#contact-details a:hover {
	color: #000;
}
div#contact-details dt.skype {
	height: 28px;
	margin: 10px 0 0 0;
	text-indent: -5000px;
	background: url(../images/contact/skype.gif) 0 0 no-repeat;
}
div#contact-details dd.skypeaddress {
	height: 28px;
	margin: 10px 0 0 100px;
	padding: 5px 0 0 0;
}

div#contact-form dt,
div.call_me_overlay form dt {
	float: left;
	clear: both;
	width: 130px;
	padding: 10px 0 0 0;
	color: #555555;
}
div#contact-form dd,
div.call_me_overlay form dd {
	height: 50px;
}
div#contact-form dd input,
div.call_me_overlay form dd input {
	width: 220px;
	height: 33px;
	border: #c5c7c1 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #efeeee;
	color: #454545;
	font-size: 13px;
	padding: 0 0 0 5px;
}
div#contact-form dd textarea,
div.call_me_overlay form dd textarea {
	float: left;
	width: 218px;
	height: 175px;
	font-family: 'LucidaSansUnicodeRegular';
	margin: 0 0 20px 0;
	border: #c5c7c1 1px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #efeeee;
	color: #454545;
	font-size: 13px;
}
div#contact-form button {
	display: block;
	width: 85px;
	height: 33px;
	margin: 0 0 0 130px;
	border: 0;
	text-indent: -5000px;
	background: url(../images/contact/send_button.gif) 0 0 no-repeat;
	cursor: pointer;
}
div#contact-form button:hover {
	background-position: 0 -33px;
}
div#hours {
	width: 200px;
	padding: 0 10px 5px 20px;
	color: #FFF;
	background: #555555;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	float: right;
	clear: left;
	margin: 10px 140px 0 0;
}
div#hours span {
	color: #bbd62b;
}
div#call-me {
	float: right;
	width: 320px;
	height: 200px;
	margin: 0; 
	clear: left;
	background: url(../images/contact/request_call_arrow.gif) 180px 10px no-repeat;
	text-transform: lowercase;
	
}
div#call-me p {
	width: 200px;
	font-family: 'LuedickitalDRegRegular';
	color: #1f2b75;
	font-size: 18px;
}
div#call-me a {
	display: block;
	width: 120px;
	height: 114px;
	margin: -190px 0 0 190px;
	text-indent: -5000px;
	background: url(../images/contact/call_me.gif) 0 0 no-repeat;
}
div#call-me a:hover {
	background-position: 0 -114px;
}
div#directions-carousel {
	float: left;
	width: 859px;
	height: 450px;
	margin: 0 0 0 -20px;
	background: url(../images/contact/directions_bg.jpg) 0 0 no-repeat;
	
}
div#directions-carousel p#click {
	width: 120px;
	position: absolute;
	margin: 70px 0 0 100px;
	font-family: 'LuedickitalDRegRegular';
	color: #1f2b75;
	font-size: 18px;
}
div#directions-carousel h2 {
	margin: 40px 0 40px 220px;
	color: #555555;
}
div#directions-carousel h3 {
	margin: 0 0 10px 0;
}
div#directions-carousel div#flowpanes div {
	display: block;
	position: absolute;
	width: 400px;
	margin: 0 0 0 250px;
	padding: 0;
	color: #FFF;
	font-size: 13px;
}
div#directions-carousel div p {
	margin: 0;
}
div#directions-carousel ul {
	display: block;
	float: left;
	list-style: none;
}
div#directions-carousel ul#flowtabs a#southampton {
	display: block;
	border: none;
	float: left;
	width: 190px;
	height: 50px;
	margin: 130px 0 0 -20px;
	text-indent: -5000px;
}
div#directions-carousel ul#flowtabs a#winchester {
	display: block;
	border: none;
	float: left;
	width: 130px;
	height: 50px;
	margin: 180px 0 0 -90px;
	text-indent: -5000px;
}
div#directions-carousel ul#flowtabs a#basingstoke {
	display: block;
	border: none;
	float: left;
	width: 140px;
	height: 50px;
	margin: -50px 0 0 570px;
	text-indent: -5000px;
}
div#map {
	float: left;
	clear: left;
	width: 820px;
	height: 430px;
	background: #FFF url(../images/contact/map_bg.gif) no-repeat;
}
div#map h2 {
	font-family: 'LuedickitalDRegRegular';
	color: #1f2b75;
	font-size: 18px;
	text-transform: lowercase;
	margin: 30px 0 0 460px;
}
div#map iframe {
	border: #9e9890 6px solid;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 5px 5px 10px #454545;
	-moz-box-shadow: 5px 5px 10px #454545;
	box-shadow: 5px 5px 10px #454545;
	margin: 15px 0 0 50px;
	
}
div#further-info {
	float: left;
	clear: left;
	width: 820px;
	height: 452px;
	background: url(../images/contact/further_info_bg.gif) 0 30px no-repeat;
}
div#further-info h2 {
	margin: 0 0 50px 180px;
}
div#further-info p#know {
	position: absolute;
	width: 100px;
	font-family: 'LuedickitalDRegRegular';
	color: #1f2b75;
	font-size: 19px;
	margin: 120px 0 0 60px;
}
@-moz-document url-prefix() {
    div#further-info p#know, x:-moz-any-link, x:default {
        margin-top: 60px;
}
}
div#further-info .doc {
	width: 410px;
	height: 94px;
	border: #c5c7c1 2px solid;
	background: #817d78;
	margin: 15px 0 10px 180px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 10px #CCC;
	-moz-box-shadow: 5px 5px 10px #CCC;
	box-shadow: 5px 5px 10px #CCC;
	color: #FFF;
	padding: 0 20px 0 20px;
}
div#further-info .doc:hover {
	background: #555555;
}
div#further-info .doc h3 {
	float: left;
	width: 320px;
	margin: 15px 0 0 0;
	font-size: 14px;
}
div#further-info div h3 a#preview {
	text-indent: -5000px;
	display: inline-block;
	background: url(../images/contact/preview_icon.png) no-repeat;
	width: 17px;
	height: 17px;
	cursor: pointer;
	
}
div#further-info div a {
	color: #bbd62b;
}
div#further-info div a:hover {
	color: #e7ff64;
}
div#further-info div p {
	font-size: 12px;
	color: #FFF;
	padding: 0 20px 0 0;
}
div#further-info div img {
	float: left;
	margin: 10px 10px 0 0;
}
.details {
	position:absolute;
	top:15px;
	right:13px;
	font-size:11px;
	color:#fff;
	width:280px;
}
	
.details h3 {
	color:#FFF;
	font-size:15px;
	margin: 0 0 5px 0;
}

div.info_overlay  {
	display: none;
	background: url(../images/contact/further_info_modal_bg.gif) repeat-x;
	width: 300px;	
	min-height:243px;
	border: #c5c7c1 1px solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 10px #CCC;
	-moz-box-shadow: 5px 5px 10px #CCC;
	box-shadow: 5px 5px 10px #CCC;
	color: #FFF;
}
.tooltip  {
	display: none;
	background: url(../images/contact/further_info_modal_bg.gif) repeat-x;
	width: 300px;	
	min-height:243px;
	border: #c5c7c1 1px solid;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 10px #CCC;
	-moz-box-shadow: 5px 5px 10px #CCC;
	box-shadow: 5px 5px 10px #CCC;
	color: #FFF;
}
.tooltip .close {
	display: block;
	position: absolute;
	z-index: 20000;
	top: 0;
	right: 10px;
	background: url(../images/contact/modal_close_button.gif) no-repeat;
	float: right;
	cursor:pointer;
	height:22px;
	width:22px;
	text-indent: -5000px;
}
.tooltip .arrow {
	display: block;
	position: absolute;
	z-index: 50000;
	top: 85px;
	left: -29px;
	width: 22px;
	height: 55px;
	margin: 0;
	background: url(../images/contact/modal_arrow.png) 0 0 no-repeat;
	
}
/* START Call Modal Styles */
div.call_me_overlay {
	display: none;
	width: 573px;
	height: 600px;
	overflow-y: auto;
	position: absolute;
	z-index: 10000;
	margin: -20px auto;
	padding: 0;
	background: #2396c4 url(../images/contact/modal/modal_bg.jpg) repeat;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-box-shadow: 5px 5px 10px #CCC;
	-moz-box-shadow: 5px 5px 10px #CCC;
	box-shadow: 5px 5px 10px #CCC;
	color: #FFF;
}
div.call_me_overlay h1 {
	display: block;
	width: 131px;
	height: 75px;
	margin: 20px 0 0 20px;
	text-indent: -5000px;
	background: url(../images/contact/modal/modal_logo.gif) no-repeat;
}
div.call_me_overlay div#page_bg {
	width: 533px;
	background: #FFF;
	color: #555555;
	margin: -20px 0 0 10px;
	padding: 0;
}
div.call_me_overlay h2 {
	width: 554px;
	height: 98px;
	margin: 0 0 0 10px;
	color: #FFF;
	font-size: 20px;
	padding: 20px 0 0 40px;
	background: transparent url(../images/contact/modal/header_bg.png) no-repeat;
	
}
div.call_me_overlay p {
	margin: 0 0 10px 40px;
	font-size: 14px;
}

/* close button positioned on upper right corner */
div.call_me_overlay .close {
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	background: url(../images/contact/modal/close_button.gif) no-repeat;
	cursor:pointer;
	height:46px;
	width:46px;
	text-indent: -5000px;
}
div.call_me_overlay .close:hover {
	background-position: 0 -46px;
}
div.call_me_overlay .top {
	display: block;
	width: 200px;
	height: 33px;
	font-family: 'LuedickitalDRegRegular';
	color: #FFF;
	margin: 10px 0 20px 200px;
	padding: 15px 0 0 20px;
	font-size: 20px;
	background: url(../images/contact/modal/arrow.png) 0 0 no-repeat;
	text-decoration: none;
	
}
div.call_me_overlay .speak {
	font-family: 'LuedickitalDRegRegular';
	color: #FFF;
	margin: 10px 0 20px 200px;
	font-size: 20px;
	
}
div.call_me_overlay .top:hover {
	color: #ec008c;
	background-position: 0 -50px;
}
div.call_me_overlay div#modal-footer {
	width: 534px;
	height: 60px; 
	margin: -10px 0 0 10px;
	background: url(../images/contact/modal/modal_footer.png) no-repeat;
}
div.call_me_overlay form {
	width: 370px;
	margin: 0 0 -5px 50px;
	padding: 0 0 10px 0;
}	
div.call_me_overlay form button {
	display: block;
	width: 85px;
	height: 33px;
	margin: 0 0 0 130px;
	border: 0;
	text-indent: -5000px;
	background: url(../images/contact/modal/submit_button.png) 0 0 no-repeat;
	cursor: pointer;
}
div.call_me_overlay form button:hover {
	background-position: 0 -33px;
}
/* END Call Modal Styles */

div#thanks {
	display: block;
	float: left;
	clear: left;
	width: 570px;
	height: 270px;
	background: url(../images/contact/thanks_bg.jpg) no-repeat;
	padding: 20px 140px 0 110px;
	color: #55555;
}
